<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="../../template.xhtml">

        <ui:define name="title">
            <h:outputText value="#{myBundle.AppName}"></h:outputText>
        </ui:define>
        
        <ui:define name="body" > 
            
            <h:form>
                <p:accordionPanel style="width: 70%;margin:0 auto;" activeIndex="-1">
                    <p:tab title="Filtros de Busqueda">
                        <p:panelGrid id="pgnuevo" style="margin:0 auto;">
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Area de Empresa:"/></p:column>
                                <p:column colspan="5">
                                    <p:selectOneMenu id="rarea" value="#{postulacionEmpresalMB.areaEmpresa}" converter="areaEmpresaConverter">
                                        <f:selectItem itemLabel="Elija una Area"/>
                                        <f:selectItems value="#{areaEmpresaController.getlAreaEmpresa()}"
                                                               var="idAreaEmpresaItem"
                                                               itemValue="#{idAreaEmpresaItem}"
                                                               itemLabel="#{idAreaEmpresaItem.nombre}"/>
                                            <p:ajax update="rtipop"/>
                                    </p:selectOneMenu>                                                         
                                </p:column>
                            </p:row>                  
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Tipo de Cargo:"/></p:column>
                                <p:column colspan="5">
                                    <p:selectOneMenu id="rtipop" value="#{postulacionEmpresalMB.tipoCargo}" converter="tipoCargoConverter">
                                        <f:selectItem itemLabel="Elija una Area"/>
                                        <f:selectItems value="#{tipoCargoController.getLtipoCargo(postulacionEmpresalMB.areaEmpresa)}"
                                                               var="idTipoCargoItem"
                                                               itemValue="#{idTipoCargoItem}"
                                                               itemLabel="#{idTipoCargoItem.nombre}"/>
                                    </p:selectOneMenu>                                                         
                                </p:column>
                            </p:row> 
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Palabras Clave:"/></p:column>
                                <p:column colspan="5"><p:inputText id="rdescrip" value="#{postulacionEmpresalMB.palabras}" 
                                                                   maxlength="25">
                                                       </p:inputText>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="4" style="text-align: center">
                                    <p:commandButton 
                                                id="regPubl"
                                                ajax="true"
                                                actionListener="#{postulacionEmpresalMB.inicio()}"
                                                value="Generar Busqueda" 
                                                update=":frmdetpubli"
                                                title="Generar Busqueda"/>                                    
                                </p:column>                                
                            </p:row>                                
                        </p:panelGrid>                        
                    </p:tab>
                </p:accordionPanel><br/>
            </h:form>   
            
            <h:form>
                <center>    
                    <p:panelGrid>                                         
                            <p:row>
                                <p:column>
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{postulacionEmpresalMB.inicio()}"
                                                 icon="ui-icon-arrowthickstop-1-w" title="Inicio"/>                         
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{postulacionEmpresalMB.atras()}"
                                                 icon="ui-icon-circle-triangle-w" title="Atras"/>                                
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{postulacionEmpresalMB.siguiente()}"
                                                 icon="ui-icon-circle-triangle-e" title="Siguiente"/> 
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{postulacionEmpresalMB.fin()}"
                                                 icon="ui-icon-arrowthickstop-1-e" title="Fin"/> 
                                </p:column>
                            </p:row>                                     
                    </p:panelGrid>          
                </center>
            </h:form>                
            
            <h:form id="frmdetpubli">                   
                <p:dataTable id="datatableid" style="font-size: 13px;width: 70%;margin:0 auto;"
                             var="public" 
                             rowIndexVar="index"
                             emptyMessage="No hay Idiomas Publicaciones Registradas" 
                             value="#{publicacionController.lPublicacionEmpresa(postulacionEmpresalMB.areaEmpresa, postulacionEmpresalMB.tipoCargo, postulacionEmpresalMB.palabras, postulacionEmpresalMB.pg)}">  
                    <p:column headerText="N°" style="width: 15px;">  
                        #{index+1}
                    </p:column>                    
                    <p:column headerText="Fecha de Registro" filterBy="#{postul.fechaReg}" filterMatchMode="contains" style="width: 18%;">  
                        <h:outputText value="#{public.fechaReg}">
                            <f:convertDateTime pattern="dd-MM-yyyy HH:mm:ss"/>
                        </h:outputText>  
                    </p:column>                        
                    <p:column headerText="Puesto" filterBy="#{postul.idTipoCargo.nombre}" filterMatchMode="contains" style="white-space:pre-line;">  
                        <h:outputText value="#{public.idTipoCargo.nombre}"/>
                    </p:column>                    
                    <p:column headerText="Descripción" style="white-space:pre-line;"> 
                        <h:outputText value="#{public.descripcion}"/>
                    </p:column> 
                    <p:column headerText="Postulaciones" style="white-space:pre-line;"> 
                        <center><h:outputText value="#{postulacionController.getCantidadPostulacion(public)}"/></center>
                    </p:column>                    
                    <p:column headerText="Estado" style="white-space:pre-line;"> 
                        <h:outputText value="#{public.idEstadoPublicacion.nombre}"/>
                    </p:column>   
                    <p:column headerText="Postulaciones" colspan="2" style="text-align: center">
                            <p:commandButton update=":frmDetPostulacion:dlgDetPostulacion"
                                             oncomplete="dlgDetPostulacion.show();"
                                             icon="ui-icon-search"
                                             action="#{postulacionEmpresalMB.verDetalles(public)}"
                                             title="Ver Postulaciones"/>                                                                                               
                    </p:column>                   
                </p:dataTable>                        
            </h:form><br/> 
            
            <h:form>
                <center>    
                    <p:panelGrid>                                         
                            <p:row>
                                <p:column>
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{postulacionEmpresalMB.inicio()}"
                                                 icon="ui-icon-arrowthickstop-1-w" title="Inicio"/>                         
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{postulacionEmpresalMB.atras()}"
                                                 icon="ui-icon-circle-triangle-w" title="Atras"/>                                
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{postulacionEmpresalMB.siguiente()}"
                                                 icon="ui-icon-circle-triangle-e" title="Siguiente"/> 
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{postulacionEmpresalMB.fin()}"
                                                 icon="ui-icon-arrowthickstop-1-e" title="Fin"/> 
                                </p:column>
                            </p:row>                                     
                    </p:panelGrid>          
                </center>
            </h:form>
            
        </ui:define> 
        
        <ui:define name="dialog" >
            <h:form id="frmDetPostulacion">
                <p:dialog header="Detalle de Postulaciones" widgetVar="dlgDetPostulacion" resizable="false" id="dlgDetPostulacion" modal="true" width="50%">    
                    <p:dataTable id="datatablehb" style="font-size: 13px;margin:0 auto;"
                                 var="detPost" 
                                 rowIndexVar="ind"
                                 emptyMessage="No hay Postulaciones Registradas" 
                                 value="#{postulacionEmpresalMB.publicacion.postulacionList}" 
                                 paginator="true" 
                                 paginatorPosition="bottom"
                                 rows="10"  
                                 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                 rowsPerPageTemplate="5,10,15">  
                        <p:column headerText="N°" style="width: 10%;white-space:pre-line;text-align: center">  
                            <h:outputText value="#{ind+1}"/>  
                        </p:column>                         
                        <p:column headerText="Nombres" filterBy="#{detPost.idPersona.nombres}" filterMatchMode="contains" style="width: 40px;white-space:pre-line;">  
                            <h:outputText value="#{detPost.idPersona.nombres}"/>  
                        </p:column>  
                        <p:column headerText="Apellidos" filterBy="#{detPost.idPersona.apellidos}" filterMatchMode="contains" style="width: 50px;white-space:pre-line;">  
                            <h:outputText value="#{detPost.idPersona.apellidos}"/>  
                        </p:column>  
                        <p:column style="width:10%; text-align: center" headerText="Opciones"> 
                            <p:commandButton action="#{postulacionEmpresalMB.prepararVer(detPost.idPersona)}"
                                             icon="ui-icon-document"
                                             ajax="false"
                                             onclick="target='_blank'"
                                             title="Ver Detalles de Postulante"/>                                                                
                        </p:column>                
                    </p:dataTable>
                </p:dialog>            
            </h:form>                   
        </ui:define>
        
    </ui:composition>
</html>